<h1 class="s_title"><?php echo lang('my_orders')?></h1>
            	
                <div class="content_table">
                	
                    
                    	<h3 class="g_title"><img src="<?php echo base_url();?>images/recent.png"/> <?php echo lang('order_code') . ': ' . $order_id ?> <a href="#" class="fltrt">Back &raquo;</a></h3>
                        
                        <script type="text/javascript">
                        $(document).ready(function(){
                            
                            // Sự kiện khi nhấn vào các tab của menu
                            $("a.tab").click(function () {
                                 
                                 // tắt tất cả các tab
                                 $(".active").removeClass("active");
                                 
                                 // bật tab đang click lên
                                 $(this).addClass("active");
                                 
                                 // tạo hiệu ứng trượt lên trên cho nội dung của tab đang click
                                 $(".content").slideUp();
                                 
                                 // Nếu là tab đầu tiên thì set hiệu ứng là trượt xuống dưới
                                 var content_show = $(this).attr("title");
                                 $("#"+content_show).slideDown();
                              
                            });
                       
                         });
                        </script>
                        
                        <div class="tabbed_area">
    
         
        				<ul class="tabs">
				            <li><a href="#" title="content_1" class="tab active"><?php echo lang('product')?></a></li>
				            <li><a href="#" title="content_2" class="tab"><?php echo lang('shipping_informations')?></a></li>
				            <li><a href="#" title="content_3" class="tab"><?php echo lang('billing_informations')?></a></li>
				        </ul>
				       
				        <div id="content_1" class="content">
				             <table id="detailorder" CELLSPACING="1" CELLPADDING="1" border="1px" width="100%">
                        	<tr >
                                <th align="left" width="100"><strong><?php echo lang('NO')?>#</strong></th>
                                <th align="left" width="100"><strong><?php echo lang('product_name')?></strong></th>
                                <th align="left" width=""><strong><?php echo lang('quantity')?></strong></th>
                                <th align="right" width="150"><strong><?php echo lang('subtotal')?></strong></th>                              
                            </tr>
                            {items}
                            <tr style="border-bottom:1px solid black;">
                                <td align="left" width="100">{no}</td>
                                <td align="left" width="100">{vi_name}</td>
                                <td align="left" width="">{quantity}</td>
                                <td align="right" width="150">{subtotal}</td>
                                       
                            </tr>
                            {/items}
                            
                        </table>
				        </div>
				        <div id="content_2" class="content">
				             
				        </div>
				        <div id="content_3" class="content">
				             
				        </div>
				    
				    </div>
    
                   
              
                </div>